继承、抽象 image.png JavaScript实现方式 模拟Java中的类 有new、this，但是缺少继承等关键特性，ES6开始提供class关键字 原型 （prototype） ES6之后 Object.create（根据指定的原 ...

coding 组件 组件可能是函数还可能是类，我们知道只要继承 Component 类就是 react 的组件。 function Box(){ return ( <div className='box' size ...

创建型模式 工厂模式 建造者模式 行为模式 中介者模式 职责链模式 观察者模式 工厂模式 描述： 通过不同的type new不同的类, 只需要和工厂打交道 应用场景： 封装 // 抽象工厂模式 通过不同的type new不同的类 class ...

基础 1，类型 // 布尔值 let isDone: boolean = false; // 定义变量之后，不可随便改变它的类型 isDone = true; // 不报错 isDone = '赋值字符串'; // 报错 // 字符串 le ...

学习了异步编程的过程之后，我们接着整理一下常用的异步编程方式。常见的异步编程方法包含以下几种： 回调函数 事件发布/订阅 Promise Generator 函数 async 函数 回调函数 回调函数是最简单的实现异步的方式，常用的就是定时 ...

Unsplash Hook 是什么？Hook 是 React 16.8 的新增特性，它可以让你在不编写 class 的情况下“钩入” React 的特性，例如，useState 是允许你在 React 函数组件中添加 state 的 Ho ...

理解JS异步 同步和异步 同步：调用之后得到结果，再依次执行其他的任务 异步：调用之后可以不等待结果，继续做其他的事 众所周知，Javascript是单线程的，代码只能一行一行通过JS引擎的主线程执行。但是这种模式存在一个问题：如果有一个任 ...

1 JS基本概念 1.1 JS简介 前端三层 - HTML —— 结构层从语义的角度描述页面的结构 - CSS —— 样式层从装饰的角度描述页面的样式 - JavaScript —— 行为层从交互的角度描述页面的行为 JS的组成：ECMAS ...

通过手写一个简易的DOM节点查询功能的Jquery实例，了解Jquery内部实现原理及理解Class与继承。 页面DOM节点如下 第一段文字 1 第一段文字 2 第一段文字 3 定义jquery对 ...

扩展性是衡量代码质量最重要的标准之一，代码的扩展性好了，出bug的几率就小很多。在经典的设计模式中，大部分设计模式都是为了解决代码的扩展性而存在的，主要遵从的原则就是开闭原则，所以理解开闭原则并能灵活应用很重要。 如何理解开闭原则 英文全称 ...